<!DOCTYPE html>
<html>
  <head>
    <title>Autofill Form</title>
  </head>
  <body>
    <form id="testform" method="post">
      <!-- for attribute associated to an input name. -->
      <label for="input_1_name">I should be associated to an id attribute.</label>
      <input type="text" name="input_1_name" id="input_1">
      <!-- Inputs with duplicated ids. -->
      <input aria-label="I have a label" type="text" id="not_unique_id">
      <input aria-label="I have a label" type="text" id="not_unique_id">
      <!-- Inputs with no label. -->
      <input type="text" id="input_4">
      <!-- Inputs with an empty autocomplete attribute. -->
      <input aria-label="I have a label" type="text" id="input_5" autocomplete />
      <!-- Inputs without id neither name. -->
      <input aria-label="I have a label" type="text">
      <!-- Input to aria-labelledby that does not exist. -->
      <input type="text" id="input_6" aria-labelledby="non-existing-id">
      <!-- Inputs with autocomplete values assigned to id or name. -->
      <input aria-label="I have a label" type="text" id="given-name">
      <!-- Label has no nested input nor for attribute. -->
      <label></label>
      <!-- Label for value uses non existing id. -->
      <label for="non_existing_id"></label>
      <!-- Autocomplete is wrong but well intended. It contains an autocomplete keyword as substring. -->
      <input aria-label="I have a label" type="text" id="input_7" autocomplete="password">
    </form>
  </body>
</html>
